<template>
  <!--多标签的增删改查-->
  <el-row class="tac">
    <el-col :span="4">
      <!--菜单-->
      <nf_menu :getModuleId="getModuleId"/>
    </el-col>
    <el-col :span="20">
      <!--tab-->
      <nf_tabs/>
      <!--导航入口-->
      <router-view></router-view>
      <keep-alive>
        <router-view name="listshell"></router-view>
      </keep-alive>
    </el-col>
  </el-row>
</template>

<script>
// 增删改查
import { reactive, ref } from 'vue'
// 状态
import VueDS from 'vue-data-state'

</script>

<script setup>
// eslint-disable-next-line camelcase
import nf_menu from './menu.vue'
// eslint-disable-next-line camelcase
import nf_tabs from './tab.vue'

// 属性：模块ID
const props = defineProps({
  moduleId: [Number, String]
})

  // 访问状态
  const { reg, get } = VueDS.useStore()
  // 注册 tab 的状态
  const state = reg.tabState()

// 获取当前模块ID
const moduleId = ref(1)

const getModuleId = (id) => {
  // moduleId.value = id
}

// 注册局部状态
/**
 * 模块ID
 * 列表ID
 * 根据模块ID加载各种meta
 * 表单meta
 * 查询meta
 * 列表meta
 */

// 用 aioxs 获取json 文件

</script>
